<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--
        通过内联的方式获取数据
        必须在当前html 元素  或 父级元素上添加  th:inline="text"  以激活内联
    -->
    <div th:inline="text">
        <div>用户名： [[${user.userName}]]</div>
        <div>性别： [[${user.gender}]]</div>
        <div>年龄： [[${user.age}]]</div>
    </div>
</body>
</html>

<script th:inline="javascript">
    /*通过内联方式，取出作用域中的数据到js中*/
    var userName = [[${user.userName}]];
    alert(userName);
</script>